<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="../../css/dist/src/find/index1.css">


  <title>发现-page</title>
</head>

<body>
  <div class="header">
    <div class="search">
      <img src="../../img/faxian/search.png" alt="">
      <span>搜索周边精彩活动</span>
    </div>
  </div>
  <div class="banner">
    <a href="../find/index2.html"></a>
  </div>


  <ul class="nav">
    <li>
      <img src="../../img/faxian/icon1.png"
        srcset="../../img/faxian/icon1.png 1x, ../../img/faxian/icon1@2x.png 2x, ../../img/faxian/icon1@3x.png 3x"
        alt="" />
      <span>上海迪士尼</span>
    </li>
    <li><img src="../../img/faxian/icon2.png" alt=""> <span>周边&户外</span></li>
    <li><img src="../../img/faxian/icon3.png" alt=""> <span>展览</span></li>
    <li><img src="../../img/faxian/icon4.png" alt=""> <span>DIY</span></li>
    <li>
      <img src="../../img/faxian/icon5.png"
        srcset="../../img/faxian/icon5.png 1x, ../../img/faxian/icon5@2x.png 2x, ../../img/faxian/icon5@3x.png 3x"
        alt="" />

      <span>运动</span>
    </li>
    <li>
      <img src="../../img/faxian/icon6.png"
      srcset="../../img/faxian/icon6.png 1x, ../../img/faxian/icon6@2x.png 2x, ../../img/faxian/icon6@3x.png 3x"
      alt="" />
      <span>演出&赛事</span>
    </li>
    <li>
      <img src="../../img/faxian/icon7.png"
      srcset="../../img/faxian/icon7.png 1x, ../../img/faxian/icon7@2x.png 2x, ../../img/faxian/icon7@3x.png 3x"
      alt="" />
      <span>多人聚会</span>
    </li>
    <li><img src="../../img/faxian/icon8.png" alt=""> <span>沙龙讲座</span></li>
  </ul>


  <div class="nav_text">
    <div class="left">
      <div class="left-left">
        <p>附近</p>
        <span>查看附近的的活动</span>
      </div>
      <div class="left-right">
        <img src="../../img/faxian/dingwei.png" alt="">
      </div>
    </div>
    <div class="left">
      <div class="left-left">
        <p>日历</p>
        <span>用日历搜索活动</span>
      </div>
      <div class="left-right">
        <img src="../../img/faxian/rili.png" alt="">
      </div>
    </div>
  </div>


  <div class="banner2">
    <div class="box">
      <p>活动热榜</p>
      <span>时下最火热活动</span>
    </div>
  </div>



  <iframe class="iframe_bottom" src="../../html/components/bottom-bar.html" frameborder="0">

  </iframe>
  <script src="../../js/index.js"></script>
</body>

</html>